<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--设置标签图标-->
    <link href="favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>

<!--头部-->
<div id="header">
    <!--顶部-->
    <div class="header_top">
        <div class="header_top_center">
            <div class="h_top_left">
                欢迎来到码蚁商城
            </div>
            <div class="h_top_right">
                <a href="login.html">登录</a>
                <a href="regist.html">免费注册</a>
                <a href="#">购物车</a>
                <a href="#">我的订单</a>
            </div>
        </div>
    </div>
    <!--中部搜索-->
    <div class="header_center">
        <div class="h_c_logo">
            <img src="images/logo.png" alt="">
        </div>

        <div class="h_c_search">
            <form action="#" >
                <input type="text" placeholder="输入一些内容。。。" class="t_input">
                <input type="submit" class="t_button">
            </form>
            <div class="hot">
                <a href="#">新款连衣裙</a>
                <a href="#">四件套</a>
                <a href="#">潮流T恤</a>
                <a href="#">时尚女鞋</a>
                <a href="#">短裤半身裙</a>
            </div>
        </div>

        <div class="h_c_code">
            <img src="images/pcode.png" alt="">
        </div>
    </div>
    <!--导航-->
    <div class="nav">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="goods_list.html">电脑办公</a></li>
            <li><a href="#">家具家居</a></li>
            <li><a href="#">鲜果时光</a></li>
            <li><a href="#">图书音像</a></li>
            <li><a href="#">母婴孕婴</a></li>
        </ul>
    </div>

</div>
<!--广告-->
<div id="ad">
    <img src="images/goods/ad.jpg" alt="">
</div>
<!--秒杀-->
<div id="ms">
    <div class="ms_top">
        <span>码蚁秒杀</span>
        <span>总有你想不到的低价</span>
    </div>
    <div class="ms_body">
        <ul>
            <li>
                <a href="#">
                    <img src="images/goods/good1.png" alt="">
                    <p>小米（MI）小米净化器2智能家用卧室空气净化器除甲醛雾霾P</p>
                    <i class="yuan">￥</i><span class="price">599</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="images/goods/good1.png" alt="">
                    <p>小米（MI）小米净化器2智能家用卧室空气净化器除甲醛雾霾P</p>
                    <i class="yuan">￥</i><span class="price">599</span>
                </a>
            </li>
            <li>
                <a href="#">
                <img src="images/goods/good1.png" alt="">
                <p>小米（MI）小米净化器2智能家用卧室空气净化器除甲醛雾霾P</p>
                <i class="yuan">￥</i><span class="price">599</span>
            </a></li>
            <li>
                <a href="#">
                    <img src="images/goods/good1.png" alt="">
                    <p>小米（MI）小米净化器2智能家用卧室空气净化器除甲醛雾霾P</p>
                    <i class="yuan">￥</i><span class="price">599</span>
                </a>
            </li>
            <li>
                <a href="#">
                <img src="images/goods/good1.png" alt="">
                <p>小米（MI）小米净化器2智能家用卧室空气净化器除甲醛雾霾P</p>
                <i class="yuan">￥</i><span class="price">599</span>
             </a>
            </li>
        </ul>
    </div>
</div>
<!--热卖-->
<div id="hot_goods">
    <h3>热卖商品</h3>
    <div class="hot_goods_body">
       <ul>
           <li>
               <a href="">
                   <img src="images/goods/goods6.png" alt="">
                   <p>小米（MI）小米净化器2智能家用卧室空气净化器除甲醛雾霾P</p>
                   <i class="yuan">￥</i><span class="price">599</span>
               </a>
           </li>
           <li>
               <a href="">
                   <img src="images/goods/goods7.png" alt="">
                   <p>小米（MI）小米净化器2智能家用卧室空气净化器除甲醛雾霾P</p>
                   <i class="yuan">￥</i><span class="price">599</span>
               </a>
           </li>
           <li>
               <a href="">
                   <img src="images/goods/goods8.png" alt="">
                   <p>小米（MI）小米净化器2智能家用卧室空气净化器除甲醛雾霾P</p>
                   <i class="yuan">￥</i><span class="price">599</span>
               </a>
           </li>
           <li>
               <a href="">
                   <img src="images/goods/goods9.png" alt="">
                   <p>小米（MI）小米净化器2智能家用卧室空气净化器除甲醛雾霾P</p>
                   <i class="yuan">￥</i><span class="price">599</span>
               </a>
           </li>
           <li>
               <a href="">
                   <img src="images/goods/goods10.png" alt="">
                   <p>小米（MI）小米净化器2智能家用卧室空气净化器除甲醛雾霾P</p>
                   <i class="yuan">￥</i><span class="price">599</span>
               </a>
           </li>
           <li>
               <a href="">
                   <img src="images/goods/goods11.png" alt="">
                   <p>小米（MI）小米净化器2智能家用卧室空气净化器除甲醛雾霾P</p>
                   <i class="yuan">￥</i><span class="price">599</span>
               </a>
           </li>
           <li>
               <a href="">
                   <img src="images/goods/goods12.png" alt="">
                   <p>小米（MI）小米净化器2智能家用卧室空气净化器除甲醛雾霾P</p>
                   <i class="yuan">￥</i><span class="price">599</span>
               </a>
           </li>
           <li>
               <a href="">
                   <img src="images/goods/goods13.png" alt="">
                   <p>小米（MI）小米净化器2智能家用卧室空气净化器除甲醛雾霾P</p>
                   <i class="yuan">￥</i><span class="price">599</span>
               </a>
           </li>
           <li>
               <a href="">
                   <img src="images/goods/goods14.png" alt="">
                   <p>小米（MI）小米净化器2智能家用卧室空气净化器除甲醛雾霾P</p>
                   <i class="yuan">￥</i><span class="price">599</span>
               </a>
           </li>
       </ul>
    </div>
</div>





</body>
</html>